<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>访客系统</title>
        <meta name="keywords" content="">
		<meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="bootstrap.min.css">
		<link rel="stylesheet" href="font-awesome.min.css">
		<link rel="stylesheet" href="animate.min.css">
		<link rel="stylesheet" href="templatemo-style.css">
	</head>
<body>
	<!-- start preloader -->
	<div class="preloader">
		<div class="sk-spinner sk-spinner-three-bounce">
  			<div class="sk-bounce1"></div>
			<div class="sk-bounce2"></div>
			<div class="sk-bounce3"></div>
		</div>
	</div>
	<!-- end preloader -->
	<!---start-countdown-timer-->
	<section id="countdown">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1 class="wow bounceIn" data-wow-delay="0.9s">www.<small>haoxy</small>.com</h1>
					<h2 class="element">
						<span class="sub-element" style=" font-family:'幼圆'" >你好,我们的网站正在运营中.</span>
						<span class="sub-element" style=" font-family:'幼圆'" >我们正在工作。请继续关注!</span>
                        <span class="sub-element" style=" font-family:'幼圆'" >谢谢您访问 &nbsp www.haoxy.com</span>
					</h2>
                    
                    <!-- Edit js/init.js file for the date and time -->
                    
					<ul class="countdown">
						
						<li>
							<span class="seconds">Docker</span>
							<h3>Docker部署</h3>
						</li>	
						<li>
							<span class="hours">SpringBoot</span>
							<h3>SpringBoot项目</h3>
						</li>
						<li>
							<span class="days">浏览量</span>
							<h3>浏览量 PV</h3>
						</li>
						<li>
							<span class="seconds" id="count"></span>
							<h3>Traffic statistics</h3>
						</li>	
					</ul>
					<!-- subscribe form -->
					<form action="#" method="post">
						<div class="col-md-3 col-sm-3"></div>
						<div class="col-md-4 col-sm-4">
							<input type="email" class="form-control" placeholder="Your Email">
						</div>
						<div class="col-md-2 col-sm-2">
							<input type="submit" class="form-control" value="SUBSCRIBE/ 订阅">
						</div>
					</form>
					<!-- subscribe form -->
				</div>
			</div>
		</div>
	</section>
	<!---End-countdown-timer-->

	<!-- start features -->
	<section class="features text-center">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="title wow bounceIn">
						<h2 style=" font-family:'幼圆'">产品特性</h2>
					</div>
					<div class="col-md-3 col-sm-6 wow fadeInUp templatemo-feature" data-wow-delay="0.6s">
						<i class="fa fa-mobile"></i>
						<h4 class="text-uppercase" >Fully Responsive</h4>
						<p>Lorem ipsum dolor sit consectetur ang elit doloribus magni incidunt fugit assumenda atque.</p>
					</div>
					<div class="col-md-3 col-sm-6 wow fadeInUp templatemo-feature" data-wow-delay="0.6s">
						<i class="fa fa-cogs"></i>
						<h4 class="text-uppercase">Bootstrap 3.3.4</h4>
						<p>Lorem ipsum dolor sit consectetur ang elit doloribus magni incidunt fugit assumenda atque.</p>
					</div>
					<div class="col-md-3 col-sm-6 wow fadeInUp templatemo-feature" data-wow-delay="0.6s">
						<i class="fa fa-font"></i>
						<h4 class="text-uppercase">Google Fonts</h4>
						<p>Lorem ipsum dolor sit consectetur ang elit doloribus magni incidunt fugit assumenda atque.</p>
					</div>
					<div class="col-md-3 col-sm-6 wow fadeInUp templatemo-feature" data-wow-delay="0.6s">
						<i class="fa fa-html5"></i>
						<h4 class="text-uppercase">HTML5 &AMP; CSS3</h4>
						<p>Feel free to use this template for your website. Tell your friends about templatemo.</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- end features -->

	<!-- start team -->
	<section class="team">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<div class="title wow bounceIn">
						<h2>We Are Growing</h2>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 border_right border_bottom wow fadeIn" data-wow-delay="0.6s">
					<div class="media">
						<div class="pull-left media-object">
							<img src="images/team_img_1.jpg" class="img-circle img-responsive" alt="team img">
						</div>
						<div class="media-body">
							<h4 class="media-heading text-uppercase">Tracy</h4>
							<h5>Designer</h5>
							<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteu sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 border_bottom wow fadeIn" data-wow-delay="0.6s">
					<div class="media">
						<div class="pull-left media-object">
							<img src="images/team_img_2.jpg" class="img-circle img-responsive" alt="team img">
						</div>
						<div class="media-body">
							<h4 class="media-heading text-uppercase">Mary</h4>
							<h5>Developer</h5>
							<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteu sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 border_right wow fadeIn" data-wow-delay="0.6s">
					<div class="media">
						<div class="pull-left media-object">
							<img src="images/team_img_3.jpg" class="img-circle img-responsive" alt="team img">
						</div>
						<div class="media-body">
							<h4 class="media-heading text-uppercase">Julia</h4>
							<h5>Director</h5>
							<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteu sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 wow fadeIn" data-wow-delay="0.6s">
					<div class="media">
						<div class="pull-left media-object">
							<img src="images/team_img_4.jpg" class="img-circle img-responsive" alt="team img">
						</div>
						<div class="media-body">
							<h4 class="media-heading text-uppercase">Linda</h4>
							<h5>Manager</h5>
							<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteu sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- end team -->

	<!-- start contact -->
	<section class="contact">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="title wow bounceIn">
						<h2 style=" font-family:'幼圆'; font-weight:bold;" >留下您的宝贵意见</h2>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 wow fadeInLeft" data-wow-delay="0.6s">
					<div class="contact-form">
						<form action="#" method="post">
							<input type="text" class="form-control" placeholder="姓名">
							<input type="email" class="form-control" placeholder="邮箱">
							<input type="text" class="form-control" placeholder="主题">
							<textarea class="form-control" rows="4" placeholder="内容"></textarea>
							<input type="submit" class="form-control"  value="SUBMIT MESSAGE">
						</form>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 wow fadeInRight" data-wow-delay="0.6s">
					<address>
						<p><i class="fa fa-envelope-o"></i> admin@souyunku.com</p>
						<p><i class="fa fa-phone"></i> +86 176********</p>								
						<p><i class="fa fa-map-marker"></i> 北京市朝阳区摩托罗拉大厦</p>
					</address>
				</div>
			</div>
		</div>
	</section>
	<!-- end contact -->
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<p class="templatemo-copyright">Copyright © 2018 Your Company Name | More Templates <a href="http://www.haoxy.com/" target="_blank" title="搜云库">搜云库</a> - Collect from <a href="http://www.haoxy.com/" title="搜云库" target="_blank">搜云库</a></p>
					<ul class="social_icon">
						<li><a href="#" class="fa fa-facebook"></a></li>
						<li><a href="#" class="fa fa-twitter"></a></li>
						<li><a href="#" class="fa fa-google-plus"></a></li>
						<li><a href="#" class="fa fa-linkedin"></a></li>
					</ul>
				</div>						
			</div>
		</div>
	</footer>
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/countdown.js"></script>

	<script src="js/wow.min.js"></script>
	<script src="js/typed.js"></script>
	<script src="js/custom.js"></script>

	<script type="text/javascript">

		$.ajax({
			url: "/count",
			type: 'get',
			dataType: 'json',
			cache: false,
			success: function(data) {
				document.getElementById("count").innerHTML=data;
			}
		});

	</script>


</body>
</html>